.null {
  margin-top: 6.25rem;
}

.items {
  @apply flex flex-wrap overflow-hidden;

  .item {
    @apply relative cursor-pointer mr-4;
    margin-bottom: 1.625rem;

    .img {
      @apply w-full relative rounded-lg text-white text-xs overflow-hidden;
      background-color: #262626;

      &:hover > img {
        transition: all 0.3s;
        transform: scale(1.05);
      }

      & img {
        @apply w-full h-full object-contain;
      }
    }

    .name {
      @apply w-full mt-3 text-base text-white;
    }
  }
}

@media screen and (max-width: 767px) {
  .items {
    .item {
      .name {
        @apply text-sm;
        margin-top: 0.375rem;
      }

      .progress {
        @apply mt-1 text-xs whitespace-nowrap;

        .img {
          @apply w-4 h-4;
          margin-right: 0.125rem;
        }
      }
    }
  }
}
